*{-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
*{margin:0;padding:0}
img{border:0}
body{overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px;background:url(../images/background.png) top left repeat; display:-webkit-box}
.panel{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-perspective:1000;background:url(../images/background.png) top left repeat}
.arrow{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px;right:3%}
@media all and (orientation:portrait){
.page{display:block;position:relative;float:left;text-align:center;width:50%;height:100%}
.pageTitle{text-align:left;left:4%;font:bold 18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;width:96%;height:43px;color:#328097;position:relative;padding-top:5%;overflow:hidden}
.titleIcon{float:right;height:25px;width:30px;background-size:17px 17px}
.line{display:inline;float:right;margin-right:13px;height:17px;width:1px}
.urlContainer{width:100%;height:80%;position:relative;overflow:hidden}
.iconContainer{width:20%;height:84px;padding-top:2px;display:block;float:left;position:relative;margin-left:3.5%;margin-bottom:10px;-webkit-tap-highlight-color:rgba(128,128,128,0.5)}
.iconContainer:nth-child(4n+1){margin-left:5%}
.iconContainer span{clear:both;width:100%;padding-top:2px;height:14px;display:block;font:bold 11px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;color:#666666;position:absolute;vertical-align:middle;top:72px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}
.iconImage{position:relative;width:64px;height:64px;left:50%;margin-left:-32px}
.iconImage img{display:block;width:64px;height:64px;position:absolute;padding-left:auto;padding-right:auto;-webkit-border-radius:5px}
.add{position:relative;width:64px;height:64px;left:50%;margin-left:-32px}
.add img{display:inline-block;width:64px;height:64px;position:absolute;-webkit-border-radius:5px;padding-left:auto;padding-right:auto}
.mostVisited{overflow:hidden;width:90%;height:79%;position:relative;background-color:#fcfcfc;left:5%;-webkit-border-radius:6px;-webkit-box-shadow:0 0 1px 1px rgba(86,116,127,0.3);top:-12px}
.mvItem{width:100%;height:20%;position:relative;background:url(../images/mvLine.png) bottom left no-repeat;background-position:bottom}
.mvItem span{display:block;position:relative;font:normal 18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;width:80%;height:40%;color:#556a76;text-align:left;left:5%;padding-top:2px;top:19%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}
.mvItem span:nth-child(2n){font-size:15px;color:#999999;font-weight:normal;top:10%;text-overflow:ellipsis;white-space:nowrap}
span.blank{color:#999999;top:30%}
#carousel_dots{width:100%;height:7%;padding-left:47%;position:fixed;bottom:0;vertical-align:center;background:url(../images/background.png) top left repeat;z-index:100}
#carousel_0{width:7px;height:100%;float:left;position:relative;background-size:100% 8px}
#carousel_1{width:7px;height:100%;position:relative;left:20px;background-size:100% 8px}
.carousel_paging_selected{background:url(../images/dotSelected.png) center center no-repeat}
.carousel_paging{background:url(../images/dot.png) center center no-repeat}
#head{width:100%;height:3px;position:fixed;top:0}
#colorbar{width:70px;height:100%;position:relative;background-color:#2eaccc;background-size:100% 100%;left:4%}
}
@media all and (orientation:landscape){
.page{display:block;position:absoulte;text-align:center;width:50%;height:100%}
.pageTitle{display:block;text-align:left;left:3%;font:bold 18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;width:97%;height:43px;color:#328097;position:relative;padding-top:3%;overflow:hidden;}
.titleIcon{float:right;height:25px;width:30px;background-size:17px 17px}
.line{display:inline;float:right;margin-right:13px;height:17px;width:1px}
.urlContainer{width:100%;height:62%;position:relative;overflow:hidden;padding-top:2px}
.iconContainer{width:13%;height:84px;float:left;position:relative;margin-left:3.3%;margin-bottom:10px;-webkit-tap-highlight-color:rgba(128,128,128,0.5)}
.iconContainer span{clear:both;padding-top:2px;width:100%;height:16px;display:block;text-align:center;font:bold 11px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;color:#666666;position:absolute;vertical-align:middle;top:71px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}
.iconImage{position:relative;width:64px;height:64px;left:50%;margin-left:-32px}
.iconImage img{position:absolute;height:64px;width:64px;padding-left:auto;padding-right:auto;-webkit-border-radius:5px}
.add{position:relative;width:64px;height:64px;left:50%;margin-left:-32px}
.add img{display:inline-block;width:64px;height:64px;position:absolute;-webkit-border-radius:5px;padding-left:auto;padding-right:auto}
.mostVisited{overflow:hidden;width:94%;height:66%;position:relative;background-color:#fcfcfc;left:3%;-webkit-border-radius:6px;top:-13px;-webkit-box-shadow:0 0 1px 1px rgba(86,116,127,0.3);padding-top:1%;}
.mvItem{width:100%;height:62px;position:relative;background:url(../images/mvLine.png) bottom left repeat-x;background-position:bottom}
.mvItem span{display:block;position:relative;font:normal 18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;width:85%;height:50%;color:#556a76;text-align:left;left:5%;top:18%;padding-top:2px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}
.mvItem span:nth-child(2n){font-size:15px;color:#999999;font-weight:normal;top:10%;text-overflow:ellipsis;white-space:nowrap}
span.blank{color:#999999;top:30%}
#carousel_dots{width:100%;height:12px;padding-left:46%;position:fixed;bottom:0}
#carousel_0{width:7px;height:9px; float:left;position:relative;background-size:100% 100%}
#carousel_1{width:7px;height:9px;position:relative;left:20px;background-size:100% 100%}
.carousel_paging_selected{background:url(../images/dotSelected.png) top left no-repeat}
.carousel_paging{background:url(../images/dot.png) top left no-repeat}
#head{width:100%;height:3px;position:fixed;top:0}
#colorbar{width:80px;height:100%;position:relative;background-color:#2eaccc;background-size:100% 100%;left:3%}
}
